<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户注册</title>
	<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  <style type="text/css" media="screen">
    .nav-pills>li>a:hover{
      background:#337ab7;
      color:#fff;
    }
    .nav-pills>li{
      border:1px solid #ddd;
      border-radius:4px;
      margin-top:0;
    }
  </style>
  <script>
  $(function(){
    $(".nav-pills>li>a").click(function(){
      $(this).parent('li').addClass('active');
      $(this).parent('li').siblings('li').removeClass('active')
    })
  })
  </script>
</head>
<body>
<div class="container">
<div class="navbar col-sm-4">
  <ul class="nav nav-pills nav-stacked">
  <li  class="active" role="button">
      <a  data-toggle="collapse" data-target="#demo">权限管理</a>
      <div id="demo" class="collapse">
      <a href="{:U('Admin/Node/nodelist')}" class="list-group-item" target="right">权限列表</a>
      <a href="{:U('Admin/Node/nodeadd')}" class="list-group-item" target="right">添加权限</a>
      </div>
  </li>
  <li role="button">
    <a  data-toggle="collapse" data-target="#demo1">用户管理</a>
    <div id="demo1" class="collapse">
    <a href="{:U('Admin/User/userlist')}" class="list-group-item" target="right">用户列表</a>
    <a href="{:U('Admin/User/useradd')}" class="list-group-item" target="right">添加用户</a>
    <a href="{:U('Admin/Role/rolelist')}" class="list-group-item" target="right">用户组</a>
    <a href="{:U('Admin/Role/roleadd')}" class="list-group-item" target="right">添加用户组</a>
    </div>
  </li>
</ul>
</div>
  </div>
</body>
</html>